﻿<div class="content-wrap research-controversy" ng-controller="ControversiesController as ctrl">
    <div ng-include="'Views/Research/Common/ResearchMenu.html'"></div>
    <div class="content">
        <div class="content-pad">
            <div class="title-section">
                <div sustainalytics-company-research></div>
                <div style="position: absolute; right: 145px; z-index: 99; {{ctrl.company.isCoverageEntity ? 'top: 114px;' : 'top: 0;'}}">
                    <input type="button" value="Download Report" class="btn-green {{!ctrl.GetControversiesPdfDownloadEnabled() && 'disabled' || ''}}" ng-disabled="!ctrl.GetControversiesPdfDownloadEnabled()"
                           style="min-width: 135px; width: 135px; margin-top: 0;" ng-click="ctrl.addControversyReportToMostActiveReports()" />
                </div>
            </div>
            <br />
            <div ng-if="ctrl.hasControversyResearch && ctrl.isControversiesFeatureEnabled">
                <div class="tabs-users-2">
                    <ul>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': ctrl.viewName == ctrl.getViewNames().Summary }" ng-click="ctrl.changeView(ctrl.getViewNames().Summary)">Summary</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': ctrl.viewName == ctrl.getViewNames().Environment }" ng-click="ctrl.changeView(ctrl.getViewNames().Environment)">Environment</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': ctrl.viewName == ctrl.getViewNames().Social }" ng-click="ctrl.changeView(ctrl.getViewNames().Social)">Social</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': ctrl.viewName == ctrl.getViewNames().Governance }" ng-click="ctrl.changeView(ctrl.getViewNames().Governance)">Governance</a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div><br />

                <div ng-include="ctrl.viewName"></div>
            </div>


            <br />
            <div class="gray-bg-top" ng-if="!ctrl.isControversiesFeatureEnabled">
                <span class="title-black-bold">Research available with additional subscription.</span>
            </div>

            <div class="gray-bg-top" ng-if="ctrl.isControversiesFeatureEnabled && !ctrl.hasControversyResearch">
                <span class="title-black-bold">{{ctrl.noResearchMessage}}</span>                                
            </div>

            <div class="clear">&nbsp;</div>
        </div>
    </div>
</div>